import { createApp } from "vue"
import App from "./App.vue"
const app = createApp(App)

// ant-desing-vue UI
import AntDesignVue from "@/plugins/AntDesignVue"
app.use(AntDesignVue)

// css
import "@/styles/reset.less"
import "@/styles/common.less"
import "@/styles/theme.less"
import "@/styles/config.less"
import "animate.css"

//语言包配置
import i18n from "@/locales/index"
app.use(i18n)


// vue3-colorpicker 颜色控制器
import Vue3ColorPicker from "vue3-colorpicker"
import "vue3-colorpicker/style.css"
app.use(Vue3ColorPicker)

//工作台拖拽组件
import VueGridLayout from "vue-grid-layout"
app.use(VueGridLayout)



// ant-design-vue icons  注册组件  【 这里需要优化 】
import * as antIcons from "@ant-design/icons-vue"
Object.keys(antIcons).forEach(key => {
  app.component(key, antIcons[key])
})
app.config.globalProperties.$antIcons = antIcons

// 路由控制
import router from "@/router/index"
app.use(router)

// pinia状态控制
import pinia from "@/plugins/pinia"
app.use(pinia)

// 网站初始化配置
import "@/config/setInitConfig"

//挂载
app.mount("#app")

